﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>addEvent</title>

    <!-- WinJS references -->
    <link href="//Microsoft.WinJS.1.0/css/ui-dark.css" rel="stylesheet" />
    <script src="//Microsoft.WinJS.1.0/js/base.js"></script>
    <script src="//Microsoft.WinJS.1.0/js/ui.js"></script>

    <link href="addEvent.css" rel="stylesheet" />
    <script src="addEvent.js"></script>
</head>
<body>
    <div class="addEvent fragment">
        <header aria-label="Header content" role="banner">
            <button class="win-backbutton" aria-label="Back" disabled type="button"></button>
            <h1 class="titlearea win-type-ellipsis">
                <span class="pagetitle">Welcome to addEvent</span>
            </h1>
        </header>
        <section aria-label="Main content" role="main">
            <section id="title-desc">
                <label for="input-title">Title:</label>
                <br />
                <input type="text" id="input-title" />
                <br />
                <label for="input-desc">Description:</label>
                <textarea id="input-desc"></textarea>
            </section>
            <section id="other-info">
                <label for="input-location">Location:</label>
                <br />
                <input type="text" id="input-location"/>
                <br />
                <div id="date-picker" data-win-control="Telerik.UI.RadDatePicker" data-win-options="{
                    displayValueFormat: 'MM/dd/yyyy',
                    header: 'Pick start date:',
                    autoSizeWidth: true
                }">
                </div>
                <br />
                <div id="time-picker" data-win-control="Telerik.UI.RadTimePicker" data-win-options="{
                     displayValueFormat: 'hh:mm tt',
                     header: 'Pick start hour:',
                     autoSizeWidth: true
                }">
                </div>
            </section>
            <div id="appbar-id" data-win-control="WinJS.UI.AppBar">
            <button
                data-win-control="WinJS.UI.AppBarCommand"
                data-win-options="{id:'create-event',label:'Create',icon:'save',
            section:'global',tooltip:'Create event'}">
            </button>
            </div>

            <div id="friends-list"></div>
        </section>
    </div>
</body>
</html>
